<template>
	<div class='box'>
		<div class="header">
			<router-link to='/movie/show'>正在热映</router-link>
			<router-link to='/movie/adv'>即将上映</router-link>
		</div>
		<router-view></router-view>
	</div>
</template>
<script>
export default{
	mounted(){
		this.$store.commit('alter',this.details.name)
	}
}
</script>
<style scoped>
	.box {
		margin-top:.5rem;padding:0 0.15rem;
	}
	.box .header {
		width:3.45rem;height:0.45rem;display:flex;
	}
	.box .header a {
		text-align:center;line-height:0.45rem;font-size:0.16rem;
		color:rgb(106, 106, 106);display:block;width:1.725rem;height: 100%;
		border-bottom:1px solid rgb(254, 110, 0);box-sizing:border-box;
	}
</style>